import { globalStyle, style } from '@vanilla-extract/css';
import { vars } from '../../theme/vars.css';

export const editorToolbarStyle = style({
	display: 'flex',
	alignItems: 'center',
	flexWrap: 'wrap',
	backgroundColor: vars.color.windowBackground,
});

globalStyle(`${editorToolbarStyle} span`, {
	display: 'block',
	width: '1px',
	height: '1em',
	backgroundColor: vars.color.border,
	margin: '0 4px',
});
